import React from 'react'
import './EventBtn.css'

const EventBtn = props => {
    const {active,} = props

    const cls = active === 'false' ? 'event-btn' : 'event-btn event-btn-active'

    const btn = (
        <div
            className={cls + ' flex flex-align-center'}
            {...props}
        >
            <div className='event-btn-dot'>
                <div/>
            </div>
            <span>{props.children}</span>
        </div>
    )

    return btn
}

export default EventBtn
